<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>数字人民币</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
</head>
<body>
  <div class="container">
    <header class="header">
      <button class="back-btn" onclick="window.history.back()">←</button>
      <h2>数字人民币</h2>
    </header>
    
    <div class="section">
      <div class="transport-card" style="background: linear-gradient(135deg, #2c3e50, #3498db);">
        <div>数字人民币钱包</div>
        <div class="card-balance">¥<span id="rmb-balance">1000.00</span></div>
        <div class="card-number">**** **** **** 5678</div>
      </div>
      
      <div class="action-buttons">
        <button onclick="openRmbTransfer()">转账</button>
        <button onclick="openRmbReceive()">收款</button>
        <button onclick="openRmbHistory()">交易记录</button>
      </div>
      
      <div class="rmb-features">
        <div class="feature-item" onclick="openRmbTopup()">
          <img src="{{ url_for('static', filename='img/cz.png') }}" alt="充值">
          <p>充值</p>
        </div>
        <div class="feature-item" onclick="openRmbWithdraw()">
          <img src="{{ url_for('static', filename='img/tx.png') }}" alt="提现">
          <p>提现</p>
        </div>
        <div class="feature-item" onclick="openRmbManage()">
          <img src="{{ url_for('static', filename='img/gl.png') }}" alt="管理">
          <p>管理</p>
        </div>
      </div>
      
      <div class="rmb-qr-section">
        <h3>收款码</h3>
        <img src="{{ url_for('static', filename='img/hh.gif') }}" alt="数字人民币收款码" class="transport-qr-code">
        <p>每五分钟自动刷新</p>
      </div>
    </div>
  </div>
  
  <script>
    // 数字人民币余额
    let rmbBalance = 1000.00;
    
    // 打开转账功能
    function openRmbTransfer() {
      alert('正在打开数字人民币转账');
    }
    
    // 打开收款功能
    function openRmbReceive() {
      alert('正在打开数字人民币收款');
    }
    
    // 打开交易记录
    function openRmbHistory() {
      alert('正在打开数字人民币交易记录');
    }
    
    // 打开充值
    function openRmbTopup() {
      alert('正在打开数字人民币充值');
    }
    
    // 打开提现
    function openRmbWithdraw() {
      alert('正在打开数字人民币提现');
    }
    
    // 打开管理
    function openRmbManage() {
      alert('正在打开数字人民币钱包管理');
    }
  </script>
  
  <style>
    .rmb-features {
      display: flex;
      justify-content: space-around;
      margin: 20px 0;
    }
    
    .feature-item {
      text-align: center;
      width: 30%;
    }
    
    .feature-item img {
      width: 40px;
      height: 40px;
      margin-bottom: 8px;
    }
    
    .rmb-qr-section {
      text-align: center;
      margin-top: 20px;
      padding-top: 15px;
      border-top: 1px solid var(--border-color);
    }
  </style>
</body>
</html>